<template>
  <div class="table-container">
    <table class="table noborder">
      <tr>
        <td colspan="5" class="t-center">企业名称：</td>
      </tr>
      <tr>
        <td rowspan="9" class="noborder">照片</td>
        <td>曾用号：</td>
        <td></td>
        <td>国别：</td>
        <td></td>
      </tr>
      <tr>
        <td>品种：</td>
        <td></td>
        <td>全基因组检测：</td>
        <td></td>
      </tr>
      <tr>
        <td>类别：</td>
        <td></td>
        <td>遗传缺陷：</td>
        <td></td>
      </tr>
      <tr>
        <td>出生日期：</td>
        <td></td>
        <td>国际注册号：</td>
        <td></td>
      </tr>
      <tr>
        <td>进场日期：</td>
        <td></td>
        <td>牛只状态：</td>
        <td></td>
      </tr>
      <tr>
        <td>出生重：</td>
        <td></td>
        <td>冻精库存：</td>
        <td></td>
      </tr>
      <tr>
        <td>出生地：</td>
        <td></td>
        <td>转场去向：</td>
        <td></td>
      </tr>
      <tr>
        <td>外貌评分：</td>
        <td></td>
        <td>淘汰原因：</td>
        <td></td>
      </tr>
      <tr>
        <td class="noborder">外貌等级：</td>
        <td class="noborder"></td>
        <td class="noborder">来源</td>
        <td class="noborder"></td>
      </tr>
    </table>

    <table class="table">
      <tr>
        <td colspan="3" class="t-center">系谱信息</td>
      </tr>
      <tr>
        <td rowspan="4">父亲:</td>
        <td rowspan="2">祖父:</td>
        <td>曾祖父：</td>
      </tr>
      <tr>
        <td>曾祖母：</td>
      </tr>
      <tr>
        <td rowspan="2">祖母:</td>
        <td>曾外祖父：</td>
      </tr>
      <tr>
        <td>曾外祖母：</td>
      </tr>
      <tr>
        <td rowspan="5">母亲:</td>
        <td rowspan="2">外祖父:</td>
        <td>外曾祖父:</td>
      </tr>
      <tr>
        <td>外曾祖母：</td>
      </tr>
      <tr>
        <td rowspan="2">外祖母:</td>
        <td>外曾外祖父：</td>
      </tr>
      <tr>
        <td>外曾外祖母：</td>
      </tr>
    </table>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  created() {},
  methods: {}
};
</script>

<style scoped lang="scss">
.table-container {
  .table {
    width: 100%;
    .t-center {
      text-align: center;
    }
  }
  .noborder {
    border-bottom: none;
  }
}
</style>
